import React, { Component } from 'react'
import Header from '../Common/Header'
import { connect } from 'react-redux'

class Gmsp extends Component {
    render() {
        return (
            <div className="gmsp">
                <Header title="订单详情"></Header>
                <div className="content">
                    {
                        this.props.splist.map((item, index) => {
                            return (
                                item.map((ite, i) => {
                                    return (
                                        <div className="item" key={i}>
                                            <div className="name">
                                                <span>店铺：{ite.name}</span><span>价格： {ite.price}</span>
                                            </div>
                                            <div className="title">
                                                <span>名称： {ite.title}</span><span>数量： {ite.count}</span>

                                            </div>
                                            <div className="gj">
                                                {ite.price * ite.count}
                                            </div>

                                        </div>
                                    )

                                })


                            )
                        })
                    }
                </div>
            </div>
        )
    }
}
export default connect(
    (state) => {
        return {
            splist: state.splist
        }
    },
    (dispatch) => {
        return {

        }
    }
)(Gmsp)